<template>
  <!-- navbar -->
  <div class="top_navbar">
    <TitleNavbar>
      <template v-slot:left>
        <svg class="weixinsaoma_icon icon" aria-hidden="true">
          <use xlink:href="#icon-weixinsaoma"></use>
        </svg>
      </template>
      <template v-slot:right>
        <svg class="icon xinxi_icon" aria-hidden="true" @click="handleBack">
          <use xlink:href="#icon-xinxi"></use>
        </svg>
        <svg class="icon" aria-hidden="true" @click="handleBack">
          <use xlink:href="#icon-shezhi"></use>
        </svg>
      </template>
    </TitleNavbar>
  </div>
</template>

<script>
import TitleNavbar from "@/components/titleNavbar/index.vue";
export default {
  components: { TitleNavbar },
};
</script>

<style lang="less" scoped>
.icon {
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.weixinsaoma_icon {
  width: 1.8rem;
  height: 1.8rem;
  color: #d67777;
}
.xinxi_icon {
  margin: 0 1rem;
}
.top_navbar {
  height: 2.5rem;
  width: 100%;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
}
</style>
